<div class="navbar-container ace-save-state" id="navbar-container">
    <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
        <span class="sr-only">Toggle sidebar</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
    <div class="navbar-header pull-left">
        <a href="<?=$this->createUrl('default/index')?>" class="navbar-brand"><small><i class="fa fa-leaf"></i>F CMS</small></a>
    </div>
    <div class="navbar-buttons navbar-header pull-right" role="navigation">
        <ul class="nav ace-nav">
            <li class="grey dropdown-modal">
                <a class="dropdown-toggle" href="/" target="_blank" title="首页"><i class="ace-icon fa fa-home"></i></a>
            </li>
            <li class="grey dropdown-modal">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#"><i class="ace-icon fa fa-tasks"></i><span class="badge badge-grey">4</span></a>
                <ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
                    <li class="dropdown-header"><i class="ace-icon fa fa-check"></i>4 任务待完成</li>
                    <li class="dropdown-content">
                        <ul class="dropdown-menu dropdown-navbar">
                            <li>
                                <a href="#">
                                    <div class="clearfix"><span class="pull-left">软件升级</span><span class="pull-right">65%</span></div>
                                    <div class="progress progress-mini"><div style="width:65%" class="progress-bar"></div></div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="clearfix"><span class="pull-left">硬件升级</span><span class="pull-right">35%</span></div>
                                    <div class="progress progress-mini"><div style="width:35%" class="progress-bar progress-bar-danger"></div></div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="clearfix"><span class="pull-left">单元测试</span><span class="pull-right">15%</span></div>
                                    <div class="progress progress-mini"><div style="width:15%" class="progress-bar progress-bar-warning"></div></div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="clearfix"><span class="pull-left">Bug 修复</span><span class="pull-right">90%</span></div>
                                    <div class="progress progress-mini progress-striped active"><div style="width:90%" class="progress-bar progress-bar-success"></div></div>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown-footer">
                        <a href="#">所有任务<i class="ace-icon fa fa-arrow-right"></i></a>
                    </li>
                </ul>
            </li>

            <li class="purple dropdown-modal">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#"><i class="ace-icon fa fa-bell icon-animated-bell"></i><span class="badge badge-important">3</span></a>
                <ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
                    <li class="dropdown-header"><i class="ace-icon fa fa-exclamation-triangle"></i>3 个通知</li>
                    <li class="dropdown-content">
                        <ul class="dropdown-menu dropdown-navbar navbar-pink">
                            <li>
                                <a href="#">
                                    <div class="clearfix">
                                        <span class="pull-left"><i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>最新评论</span>
                                        <span class="pull-right badge badge-info">+12</span>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#"><i class="btn btn-xs btn-primary fa fa-user"></i>鲍勃仅建立和编辑...</a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="clearfix">
                                        <span class="pull-left"><i class="btn btn-xs no-hover btn-success fa fa-shopping-cart"></i>最新订单</span>
                                        <span class="pull-right badge badge-success">+8</span>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown-footer">
                        <a href="#">所有通知<i class="ace-icon fa fa-arrow-right"></i></a>
                    </li>
                </ul>
            </li>

            <li class="green dropdown-modal">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#"><i class="ace-icon fa fa-envelope icon-animated-vertical"></i><span class="badge badge-success">5</span></a>
                <ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
                    <li class="dropdown-header"><i class="ace-icon fa fa-envelope-o"></i>5 条消息</li>
                    <li class="dropdown-content">
                        <ul class="dropdown-menu dropdown-navbar">
                            <li>
                                <a href="#" class="clearfix">
                                    <img src="<?=Yii::app()->request->baseUrl;?>/resource/backend/images/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />
                                    <span class="msg-body">
                                        <span class="msg-title"><span class="blue">Alex:</span>Ciao甚至连作者都发出光芒 ...</span>
                                        <span class="msg-time"><i class="ace-icon fa fa-clock-o"></i><span>a moment ago</span></span>
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="clearfix">
                                    <img src="<?=Yii::app()->request->baseUrl;?>/resource/backend/images/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar" />
                                    <span class="msg-body">
                                        <span class="msg-title"><span class="blue">Susan:</span>这是个不错的项目 ...</span>
                                        <span class="msg-time"><i class="ace-icon fa fa-clock-o"></i><span>20 minutes ago</span></span>
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="clearfix">
                                    <img src="<?=Yii::app()->request->baseUrl;?>/resource/backend/images/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar" />
                                    <span class="msg-body">
                                        <span class="msg-title"><span class="blue">Bob:</span>无人火​​锅软学校足球 ...</span>
                                        <span class="msg-time"><i class="ace-icon fa fa-clock-o"></i><span>3:15 pm</span></span>
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="clearfix">
                                    <img src="<?=Yii::app()->request->baseUrl;?>/resource/backend/images/avatars/avatar2.png" class="msg-photo" alt="Kate's Avatar" />
                                    <span class="msg-body">
                                        <span class="msg-title"><span class="blue">Kate:</span>我们是否需要另外一个团队 ...</span>
                                        <span class="msg-time"><i class="ace-icon fa fa-clock-o"></i><span>1:33 pm</span></span>
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="clearfix">
                                    <img src="<?=Yii::app()->request->baseUrl;?>/resource/backend/images/avatars/avatar5.png" class="msg-photo" alt="Fred's Avatar" />
                                    <span class="msg-body">
                                        <span class="msg-title"><span class="blue">Fred:</span>很希望加入这个团队一起做些事  ...</span>
                                        <span class="msg-time"><i class="ace-icon fa fa-clock-o"></i><span>10:09 am</span></span>
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown-footer"><a href="javascript:void();">所有消息<i class="ace-icon fa fa-arrow-right"></i></a></li>
                </ul>
            </li>
            <li class="light-blue dropdown-modal">
                <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                    <img class="nav-user-photo" src="<?=Yii::app()->request->baseUrl;?>/resource/backend/images/avatars/user.jpg" alt="Jason's Photo" />
                    <span class="user-info"><small>欢迎,</small><?=Yii::app()->user->name;?></span>
                    <i class="ace-icon fa fa-caret-down"></i>
                </a>
                <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                    <li><a href="<?=$this->createUrl('adminUser/profile')?>"><i class="ace-icon fa fa-cog"></i>修改资料</a></li>
                    <li><a href="<?=$this->createUrl('adminUser/rePassword')?>"><i class="ace-icon fa fa-user"></i>修改密码</a></li>
                    <li class="divider"></li>
                    <li><a href="<?=$this->createUrl('default/logout')?>"><i class="ace-icon fa fa-power-off"></i>注销</a></li>
                </ul>
            </li>
        </ul>
    </div>
</div>
